<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=yes">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>检查记录</title>
    <script type="text/javascript" src="${ctxStatic}/ajz/mobile/js/jquery.min.js"></script>
    <link type="text/css" rel="stylesheet" href="${ctxStatic}/ajz/mobile/css/app_preview.css?time=2"/>
    <style type="text/css">
        body {
            font-family: "宋体"
        }

        .basic_infomation_1 {
            font-size: 12px;
        }

        .dayinbtn {
            position: absolute;
            width: 100px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            background-color: #0099ff;
            color: #Fff;
            margin-left: 15%;
        }

        .te_time2 {
            margin-right: 8%;
        }

        .canvs_qz {
            width: 100%;
            height: 60px;
        }

        .tit_txt1 {
            width: 45%;
            height: 100%;
            float: left;
            display: inline-block;
        }

        .img_box_P3 {
            position: relative;
            top: -60px;
            left: 10px;
            float: left;
            width: 50%;
            height: 100%;
        }

        .img_box_P3 strong {
            width: 100%;
            height: 50px;
            display: block;
        }

        .table_btn {
            color: #eee;
            display: inline-block;
            margin:5px 20px;
            width: 60px;
            text-align: center;
            font-size: 12px;
            height: 25px;
            line-height: 25px;
            background-color: #358fe9;
            /*  background: -webkit-linear-gradient( #8fa1ff, #3757fa);
                background: -o-linear-gradient( #8fa1ff, #3757fa);
                background: -moz-linear-gradient( #8fa1ff, #3757fa);
                background: -ms-linear-gradient( #8fa1ff, #3757fa);
                background: linear-gradient( #8fa1ff, #3757fa); */
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            border: 0px;
        }
    </style>
</head>
<body>
<ul class="doc_table_ul">
    <h5 class="titile_h5">单位信息</h5>
    <li><span>户外招牌：</span><b>${ajzStoreInfo.signboard}</b></li>
    <li><span>营业执照名：</span><b>${ajzStoreInfo.enterpriseName}</b></li>
    <li><span>所在地址：</span><b>${ajzStoreInfo.addr}</b></li>
    <li><span>负责人：</span><b>${ajzStoreInfo.contactPerson}</b></li>
    <li><span>检查时间：</span><b>${@DateUtils.formatDate(record.createDate,'yyyy-MM-dd')}</b></li>
    <li id="b_line_none"><span>检查人员：</span><b>${record.checkUser.userName}</b></li>
</ul>
<div class="staffname_box">
    <h5>隐患问题（“<span style="color: red">*</span>”为责令项）</h5>

    <%
    if(!isEmpty(list)){
    for(content in list){
    %>
    <li>${content}</li>
    <%
    }}else{
    %>
    暂无隐患记录
    <%
    }
    %>

</div>


<%
if(dgls != null){ %>
<div class="staffname_box">
    <h5>隐患点图片</h5>


    <%
    for(content in dgls){
    %>
    <div class="imgContainer"><img src="/userfiles/${content}"><span class="fontfamily Tin-cha">0</span></div>
    <%
    }
    %>
</div>

<%
}
%>
<div class="btn_box_doc"><a href="javascript:history.go(-1)" class="table_btn" style="">返 回</a></center>
    <a href="/userfiles/${record.ajzFile.checkPng}" class="table_btn" style="">现场文书</a>

    <% if(isNotEmpty(record)){
        var zhenggaiPng = "";
        var fuchaPng = "";
        zhenggaiPng = record.ajzFile.zhenggaiPng;
        fuchaPng = record.ajzFile.fuchaPng;
        if(isNotEmpty(zhenggaiPng)){
    %>
        <a href="/userfiles/${record.ajzFile.zhenggaiPng}" class="table_btn" style="">责令文书</a>
    <%
        }
        if(isNotEmpty(fuchaPng)){
    %>
        <a href="/userfiles/${record.ajzFile.fuchaPng}" class="table_btn" style="">整改文书</a>
    <%
        }
    }%>
</div>



<script type="text/javascript">
    $(".imgContainer img").on("click",function(){
        if($(this).next("span").text()=='0'){
            $(this).parent().addClass("img_a_b");
            $(this).css({"position":"fixed","top":"0","left":"0px","z-index":"102","height":"100%"});
            $(this).next("span").text('1')
        }
        else if($(this).next("span").text()=='1'){
            $(this).css({"display":"block","position":"relative","top":"0","left":"0px","z-index":"1"});
            $(this).parent().removeClass("img_a_b");
            $(this).next("span").text('0')
        }
    })
</script>
</body>
</html>

